<template>
	<view class="sindle-bargain-price">
		<view class="product-img">
			imgUrl
		</view>
		<view class="product-name">
			新鲜鸡毛菜（500g）
		</view>
		<view class="product-action">
			<view class="product-price">¥20.33</view>
			<uni-icons type="cart" size="24"></uni-icons>
		</view>
	</view>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
	.sindle-bargain-price {
		width: 100%;

		.product-img {
			width: 60px;
			height: 60px;
			margin: auto;
			border: 1px solid #c3c3c3;
		}

		.product-name {
			margin: 6px 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.product-action {
			display: flex;
			justify-content: space-between;
			align-items: center;

			.product-price {
				color: red;
			}
		}
	}
</style>